<template>
	<view>
		<u-tabs :list="list" @change="changeTabs" @click="clickTabs" lineHeight="2" lineWidth="10"
		 :activeStyle="{
		        color: '#303133',
		        fontWeight: 'bold',
		        transform: 'scale(1.2)'
		    }"
			:inactiveStyle="{
			        color: '#606266',
			        transform: 'scale(1)'
			    }"
				itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
		></u-tabs>
	</view>
</template>

<script>
	export default {
		props:["list"],
		name:"my-tabs",
		data() {
			return {
				
			};
		},
		methods:{
			changeTabs(e){
				this.$emit('change',e)
			},
			clickTabs(){
				//页面滚动到顶部
				// uni.pageScrollTo({
				// 	scrollTop: 0,
				// 	duration: 600
				// });
			}
			
		}
	}
</script>

<style>

</style>